<ui:composition template="/WEB-INF/templates/layout.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                >
    <ui:define name="content">
        <p:panel header="Mis datos">
            <h:panelGrid columns="2" >
                <h:outputLabel value="Usuario:"/>
                <h:outputText value="#{misdatosController.usuario.cuenta}"/>
                <h:outputLabel value="Nif:"/>
                <h:outputText value="#{misdatosController.usuario.cliente.nif}"/>
                 <h:outputLabel value="Nombre:"/>
                 <h:outputText value="#{misdatosController.usuario.cliente.nombre}"/>
                 <h:outputLabel value="Direccion:"/>
                 <p:outputPanel>
                     <h:outputText value="#{misdatosController.usuario.cliente.direccion}"/>
                     <h:outputText value="#{misdatosController.usuario.cliente.poblacion}"/>
                 </p:outputPanel>
                 <h:outputLabel value="Cod. Postal:"/>
                 <h:outputText value="#{misdatosController.usuario.cliente.codpostal}"/>
                 <h:outputLabel value="Provincia:"/>
                 <h:outputText value="#{misdatosController.usuario.cliente.provincia}"/>
                 <h:outputLabel value="Telefono:"/>
                 <h:outputText value="#{misdatosController.usuario.cliente.telefono}"/>
                 <h:outputLabel value="Email:"/>
                 <h:outputText value="#{misdatosController.usuario.cliente.email}"/>
            </h:panelGrid>
            <p:dataTable style="width: 300px" value="#{misdatosController.usuario.cliente.seccioneList}" var="seccionvar">
                    <p:column headerText="Mis secciones" >
                        #{seccionvar.nombre}
                        <h:outputLabel style="font-size: x-small; color: red" rendered="#{misdatosController.seccion.equals(seccionvar)}" value="Activo"/>
                    </p:column>
                </p:dataTable>
        </p:panel>
    </ui:define>
</ui:composition>